<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>ExTable 表格 | ElementPlusExtension</title>
    <meta name="description" content="Vite & Vue powered static site generator.">
    <meta name="generator" content="VitePress v1.6.3">
    <link rel="preload stylesheet" href="/element-plus-extend-doc/static/style.zeTVOZtp.css" as="style">
    <link rel="preload stylesheet" href="/element-plus-extend-doc/vp-icons.css" as="style">
    <script type="module" src="/element-plus-extend-doc/static/chunks/metadata.15cbcbfb.js"></script>
    <script type="module" src="/element-plus-extend-doc/static/app.Bp722aCo.js"></script>
    <link rel="preload" href="/element-plus-extend-doc/static/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/theme.D3OqrOCm.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/framework.B3HgsgJJ.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/index.DgrmyhQY.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/demo.CXa-XyT9.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/component_table_index.md.DDVXmLKy.lean.js">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-27e9c719><!--[--><!--]--><!--[--><span tabindex="-1" data-v-270febc3></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-270febc3>Skip to content</a><!--]--><!----><header class="VPNav" data-v-27e9c719 data-v-a7b411f6><div class="VPNavBar" data-v-a7b411f6 data-v-14c1aa5f><div class="wrapper" data-v-14c1aa5f><div class="container" data-v-14c1aa5f><div class="title" data-v-14c1aa5f><div class="VPNavBarTitle has-sidebar" data-v-14c1aa5f data-v-eebd38b2><a class="title" href="/element-plus-extend-doc/" data-v-eebd38b2><!--[--><!--]--><!--[--><img class="VPImage logo" src="/element-plus-extend-doc/logo.png" alt data-v-834c22b2><!--]--><span data-v-eebd38b2>ElementPlusExtension</span><!--[--><!--]--></a></div></div><div class="content" data-v-14c1aa5f><div class="content-body" data-v-14c1aa5f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-14c1aa5f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-14c1aa5f data-v-e4a3487a><span id="main-nav-aria-label" class="visually-hidden" data-v-e4a3487a> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/element-plus-extend-doc/guild/installation.html" tabindex="0" data-v-e4a3487a data-v-6d090145><!--[--><span data-v-6d090145>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/element-plus-extend-doc/component/form/" tabindex="0" data-v-e4a3487a data-v-6d090145><!--[--><span data-v-6d090145>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/element-plus-extend-doc/directive/tooltip/" tabindex="0" data-v-e4a3487a data-v-6d090145><!--[--><span data-v-6d090145>指令</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-14c1aa5f data-v-412170fd><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-412170fd data-v-5cdc11b8 data-v-547402de><span class="check" data-v-547402de><span class="icon" data-v-547402de><!--[--><span class="vpi-sun sun" data-v-5cdc11b8></span><span class="vpi-moon moon" data-v-5cdc11b8></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-14c1aa5f data-v-804c0c80 data-v-4cc52d29><!--[--><a class="VPSocialLink no-icon" href="#" aria-label="github" target="_blank" rel="noopener" data-v-4cc52d29 data-v-8907ceaf><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-14c1aa5f data-v-f53d3458 data-v-8ad6d761><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-8ad6d761><span class="vpi-more-horizontal icon" data-v-8ad6d761></span></button><div class="menu" data-v-8ad6d761><div class="VPMenu" data-v-8ad6d761 data-v-decd5931><!----><!--[--><!--[--><!----><div class="group" data-v-f53d3458><div class="item appearance" data-v-f53d3458><p class="label" data-v-f53d3458>Appearance</p><div class="appearance-action" data-v-f53d3458><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-f53d3458 data-v-5cdc11b8 data-v-547402de><span class="check" data-v-547402de><span class="icon" data-v-547402de><!--[--><span class="vpi-sun sun" data-v-5cdc11b8></span><span class="vpi-moon moon" data-v-5cdc11b8></span><!--]--></span></span></button></div></div></div><div class="group" data-v-f53d3458><div class="item social-links" data-v-f53d3458><div class="VPSocialLinks social-links-list" data-v-f53d3458 data-v-4cc52d29><!--[--><a class="VPSocialLink no-icon" href="#" aria-label="github" target="_blank" rel="noopener" data-v-4cc52d29 data-v-8907ceaf><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-14c1aa5f data-v-3138a15f><span class="container" data-v-3138a15f><span class="top" data-v-3138a15f></span><span class="middle" data-v-3138a15f></span><span class="bottom" data-v-3138a15f></span></span></button></div></div></div></div><div class="divider" data-v-14c1aa5f><div class="divider-line" data-v-14c1aa5f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-27e9c719 data-v-68fe55c1><div class="container" data-v-68fe55c1><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-68fe55c1><span class="vpi-align-left menu-icon" data-v-68fe55c1></span><span class="menu-text" data-v-68fe55c1>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-68fe55c1 data-v-d3ebb734><button data-v-d3ebb734>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-27e9c719 data-v-7180db02><div class="curtain" data-v-7180db02></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-7180db02><span class="visually-hidden" id="sidebar-aria-label" data-v-7180db02> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>全局配置</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/config-provider/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>ConfigProvider全局配置</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>表单组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/form/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Form表单</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/autocomplete/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Autocomplete自动补全</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/cascader/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Cascader级联选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/checkbox-group/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Checkbox复选框组</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/date-picker/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>DatePicker日期选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/icon-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>IconSelect图标选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/input/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Input输入框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/input-range/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>InputRange范围输入框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/radio-group/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Radio单选框组</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Select选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/tree-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>TreeSelect树选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/tag-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>TagSelect标签选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/color-picker/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>ColorPicker颜色选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/pop-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>PopSelect弹出选择</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>高级表单组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/user-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>UserSelect人员选择</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/org-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>OrgSelect组织选择</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/date-picker-shortcut/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>DatePickerShortcut快捷日期选择</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>搜索组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/search-form/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>SearchForm表单搜索</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/search-shortcut/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>SearchShortcut快捷搜索</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/search-combination/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>SearchCombination组合搜索</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0 has-active" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>数据展示</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/tree/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Tree树</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/table/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Table表格</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>反馈组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/dialog/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Dialog对话框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/drawer/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Drawer抽屉</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/modal/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Modal模态框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>其他</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/split-pane/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Splitter分隔板</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/contextmenu/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Contextmenu右键菜单</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/sticky-tool/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>StickyTool悬浮边栏</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/dot/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Dot圆点</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-27e9c719 data-v-770755fd><div class="VPDoc has-sidebar has-aside" data-v-770755fd data-v-b4365399><!--[--><!--]--><div class="container" data-v-b4365399><div class="aside" data-v-b4365399><div class="aside-curtain" data-v-b4365399></div><div class="aside-container" data-v-b4365399><div class="aside-content" data-v-b4365399><div class="VPDocAside" data-v-b4365399 data-v-7cb61272><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-7cb61272 data-v-9a689779><div class="content" data-v-9a689779><div class="outline-marker" data-v-9a689779></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-9a689779>CONTENTS</div><ul class="VPDocOutlineItem root" data-v-9a689779 data-v-9b2dbb2c><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-7cb61272></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-b4365399><div class="content-container" data-v-b4365399><!--[--><!--]--><main class="main" data-v-b4365399><div style="position:relative;" class="vp-doc _element-plus-extend-doc_component_table_" data-v-b4365399><div><h1 id="extable-表格" tabindex="-1">ExTable 表格 <a class="header-anchor" href="#extable-表格" aria-label="Permalink to &quot;ExTable 表格&quot;">​</a></h1><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>用于展示多条结构类似的数据。</p></div><h2 id="基础用法" tabindex="-1">基础用法 <a class="header-anchor" href="#基础用法" aria-label="Permalink to &quot;基础用法&quot;">​</a></h2><div class="vitepress-demo-plugin-placeholder__container" style="" data-v-5eb3f8d4><div class="loader" data-v-5eb3f8d4></div><div class="loading-text" data-v-5eb3f8d4>loading</div></div><!----><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="props" tabindex="-1">Props <a class="header-anchor" href="#props" aria-label="Permalink to &quot;Props&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th><th style="text-align:center;">必传</th></tr></thead><tbody><tr><td style="text-align:left;">data</td><td style="text-align:left;">Array</td><td style="text-align:left;">-</td><td style="text-align:left;">显示的数据</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">columns</td><td style="text-align:left;">Array</td><td style="text-align:left;">-</td><td style="text-align:left;">表格列配置，请参阅下面<a href="#column">Column</a></td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否禁用编辑状态</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">height</td><td style="text-align:left;">number/string</td><td style="text-align:left;">-</td><td style="text-align:left;">高度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">maxHeight</td><td style="text-align:left;">number/string</td><td style="text-align:left;">-</td><td style="text-align:left;">最大高度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">stripe</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否为斑马纹</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">border</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否带有纵向边框</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">尺寸大小</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">fit</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">列的宽度是否自撑开</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showHeader</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示表头</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">highlightCurrentRow</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否要高亮当前行</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">currentRowKey</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">当前行的key属性</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">rowClassName</td><td style="text-align:left;">string/Function({row, rowIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">行className</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">rowStyle</td><td style="text-align:left;">object/Function({row, rowIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">行样式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">cellClassName</td><td style="text-align:left;">string/Function({row, column, rowIndex, columnIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">单元格className</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">cellStyle</td><td style="text-align:left;">object/Function({row, column, rowIndex, columnIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">单元格样式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">headerRowClassName</td><td style="text-align:left;">string/Function({row, rowIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">表头行className</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">headerRowStyle</td><td style="text-align:left;">object/Function({row, rowIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">表头行样式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">headerCellClassName</td><td style="text-align:left;">string/Function({row, column, rowIndex, columnIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">表头单元格className</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">headerCellStyle</td><td style="text-align:left;">object/Function({row, column, rowIndex, columnIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">表头单元格样式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">rowKey</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">行数据标识key</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">emptyText</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">为空的时候展示的文本</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">defaultExpandAll</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否默认展开所有行</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">expandRowKeys</td><td style="text-align:left;">Array</td><td style="text-align:left;">-</td><td style="text-align:left;">默认展开的的key的数组，需要设置<code>rowKey</code>属性才能使用</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">defaultSort</td><td style="text-align:left;">object</td><td style="text-align:left;">-</td><td style="text-align:left;">默认的排序列的prop和顺序</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">tooltipOptions</td><td style="text-align:left;">object</td><td style="text-align:left;">-</td><td style="text-align:left;">溢出tooltip的配置</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showSummary</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否在表尾显示合计行</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">sumText</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">合计行文本</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">summaryMethod</td><td style="text-align:left;">Function({columns,data})</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义合计方法</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">spanMethod</td><td style="text-align:left;">Function({row, column, rowIndex, columnIndex})</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义合并方法</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">selectOnIndeterminate</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">多选联动</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">indent</td><td style="text-align:left;">number</td><td style="text-align:left;">-</td><td style="text-align:left;">树节点的缩进</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">lazy</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否懒加载子节点</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">load</td><td style="text-align:left;">Function(row, treeNode, resolve)</td><td style="text-align:left;">-</td><td style="text-align:left;">加载子节点数据的函数</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">treeProps</td><td style="text-align:left;">object</td><td style="text-align:left;"><code>{ hasChildren: &#39;hasChildren&#39;, children: &#39;children&#39; }</code></td><td style="text-align:left;">树节点配置选项</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">tableLayout</td><td style="text-align:left;"><code>fixed</code> <code>auto</code></td><td style="text-align:left;"><code>fixed</code></td><td style="text-align:left;">布局方式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">scrollbarAlwaysOn</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否一直显示滚动条</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showOverflowTooltip</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">单元格内容溢出使用Tooltip显示</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">flexible</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">确保主轴的最小尺寸</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">pagination</td><td style="text-align:left;">boolean/object</td><td style="text-align:left;">-</td><td style="text-align:left;">开启分页/分页配置属性</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">toolbar</td><td style="text-align:left;">boolean/object</td><td style="text-align:left;">-</td><td style="text-align:left;">显示工具栏/工具栏配置属性，请参阅下面<a href="#toolbar">Toolbar</a></td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">searchForm</td><td style="text-align:left;">boolean/object</td><td style="text-align:left;">-</td><td style="text-align:left;">开启表单搜索/表单搜索配置属性，请参阅<a href="/element-plus-extend-doc/component/search-form/#props">ExSearchForm</a></td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">loadImmediate</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">api是否主动加载数据</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">api</td><td style="text-align:left;">Function</td><td style="text-align:left;">-</td><td style="text-align:left;">选项数据加载api</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">beforeApiFetch</td><td style="text-align:left;">Function/object</td><td style="text-align:left;">-</td><td style="text-align:left;">请求api前调用返回值用于api携带参数</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">parseApiData</td><td style="text-align:left;">Function</td><td style="text-align:left;">-</td><td style="text-align:left;">解析api返回的数据</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">apiEffectKey</td><td style="text-align:left;">Function/string</td><td style="text-align:left;">-</td><td style="text-align:left;">动态加载apikey，值变化后会调用组件<code>reload</code>方法</td><td style="text-align:center;">N</td></tr></tbody></table><h3 id="column" tabindex="-1">Column <a class="header-anchor" href="#column" aria-label="Permalink to &quot;Column&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th><th style="text-align:center;">必传</th></tr></thead><tbody><tr><td style="text-align:left;">type</td><td style="text-align:left;"><code>selection</code> <code>radio</code> <code>index</code> <code>expand</code> <code>default</code> <code>drag</code></td><td style="text-align:left;">-</td><td style="text-align:left;">列类型</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">label</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">列标签</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">prop</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">列绑定数据的属性名</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">index</td><td style="text-align:left;">number/Function(index)</td><td style="text-align:left;">-</td><td style="text-align:left;">列自定义索引，type=<code>index</code>时生效</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">width</td><td style="text-align:left;">number/string</td><td style="text-align:left;">-</td><td style="text-align:left;">宽度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">minWidth</td><td style="text-align:left;">number/string</td><td style="text-align:left;">-</td><td style="text-align:left;">最小宽度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">fixed</td><td style="text-align:left;">boolean/<code>left</code> <code>right</code></td><td style="text-align:left;">-</td><td style="text-align:left;">是否固定列</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">renderHeader</td><td style="text-align:left;">Function({ column, $index })</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义渲染列表头，与自定义单元格表头内容插槽一致</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">sortable</td><td style="text-align:left;">boolean/<code>custom</code></td><td style="text-align:left;">-</td><td style="text-align:left;">是否开启排序</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">sortMethod</td><td style="text-align:left;">Function(a,b)</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义排序函数</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">sortBy</td><td style="text-align:left;">string/Array/Function(row,index)</td><td style="text-align:left;">-</td><td style="text-align:left;">指定属性进行排序</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">resizable</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">对应列是否可以通过拖动改变宽度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">formatter</td><td style="text-align:left;">Function(row, column, cellValue, index)</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义格式化内容</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showOverflowTooltip</td><td style="text-align:left;">boolean/object</td><td style="text-align:left;">-</td><td style="text-align:left;">单元格内容溢出使用Tooltip显示</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">align</td><td style="text-align:left;"><code>left</code> <code>center</code> <code>right</code></td><td style="text-align:left;">left</td><td style="text-align:left;">对齐方式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">headerAlign</td><td style="text-align:left;"><code>left</code> <code>center</code> <code>right</code></td><td style="text-align:left;">-</td><td style="text-align:left;">列头对齐方式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">className</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义className</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">labelClassName</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义列头className</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">selectable</td><td style="text-align:left;">Function(row, index)</td><td style="text-align:left;">-</td><td style="text-align:left;">是否可选，仅对type=<code>selection</code> or <code>radio</code>的列有效</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">reserveSelection</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">数据刷新后是否保留选项，设置了<code>rowKey</code>属性才生效</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">helpMessage</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">列头提示信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">show</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">hide</td><td style="text-align:left;">boolean/Function</td><td style="text-align:left;">-</td><td style="text-align:left;">是否隐藏，会忽略渲染该列</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">query</td><td style="text-align:left;">boolean/object</td><td style="text-align:left;">-</td><td style="text-align:left;">是否可搜索，数据类型参照<a href="#iextablecolumnfilter">IExTableColumnFilter</a></td><td style="text-align:center;">N</td></tr></tbody></table><h3 id="toolbar" tabindex="-1">Toolbar <a class="header-anchor" href="#toolbar" aria-label="Permalink to &quot;Toolbar&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th><th style="text-align:center;">必传</th></tr></thead><tbody><tr><td style="text-align:left;">size</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">尺寸大小</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">class</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义className</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">perfect</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否自适应模式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">refresh</td><td style="text-align:left;">boolean/<code>{icon}</code></td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示刷新操作</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">columnControl</td><td style="text-align:left;">boolean/<code>{icon}</code></td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示列控制操作</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">searchShortcut</td><td style="text-align:left;">object</td><td style="text-align:left;">-</td><td style="text-align:left;">快捷搜索配置，请参照<a href="/element-plus-extend-doc/component/search-shortcut/#props">ExSearchShortcut</a></td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">searchCombination</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否开启组合搜索</td><td style="text-align:center;">N</td></tr></tbody></table><h3 id="events" tabindex="-1">Events <a class="header-anchor" href="#events" aria-label="Permalink to &quot;Events&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">参数</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">update:data</td><td style="text-align:left;"><code>(data)</code></td><td style="text-align:left;">数据改变时触发，<code>data</code>为绑定的数据</td></tr><tr><td style="text-align:left;">loaded-options</td><td style="text-align:left;"><code>(data)</code></td><td style="text-align:left;">绑定api时数据加载完成触发，<code>data</code>为api返回的数据</td></tr><tr><td style="text-align:left;">select</td><td style="text-align:left;"><code>(selection, row)</code></td><td style="text-align:left;">勾选数据行时触发，<code>selection</code>为选中的数据，<code>row</code>为当前行数据</td></tr><tr><td style="text-align:left;">select-all</td><td style="text-align:left;"><code>(selection)</code></td><td style="text-align:left;">全选，<code>selection</code>为选中的数据</td></tr><tr><td style="text-align:left;">selection-change</td><td style="text-align:left;"><code>(selection)</code></td><td style="text-align:left;">选项发生变化时触发</td></tr><tr><td style="text-align:left;">cell-mouse-enter</td><td style="text-align:left;"><code>(row, column, cell, event)</code></td><td style="text-align:left;">当单元格hover进入时触发</td></tr><tr><td style="text-align:left;">cell-mouse-leave</td><td style="text-align:left;"><code>(row, column, cell, event)</code></td><td style="text-align:left;">当单元格hover离开时触发</td></tr><tr><td style="text-align:left;">cell-click</td><td style="text-align:left;"><code>(row, column, cell, event)</code></td><td style="text-align:left;">单元格点击时触发</td></tr><tr><td style="text-align:left;">cell-dblclick</td><td style="text-align:left;"><code>(row, column, cell, event)</code></td><td style="text-align:left;">单元格双击时触发</td></tr><tr><td style="text-align:left;">cell-contextmenu</td><td style="text-align:left;"><code>(row, column, cell, event)</code></td><td style="text-align:left;">单元格右击时触发</td></tr><tr><td style="text-align:left;">row-click</td><td style="text-align:left;"><code>(row, column, event)</code></td><td style="text-align:left;">行点击时触发</td></tr><tr><td style="text-align:left;">row-contextmenu</td><td style="text-align:left;"><code>(row, column, event)</code></td><td style="text-align:left;">行双击时触发</td></tr><tr><td style="text-align:left;">row-dblclick</td><td style="text-align:left;"><code>(row, column, event)</code></td><td style="text-align:left;">行右击时触发</td></tr><tr><td style="text-align:left;">header-click</td><td style="text-align:left;"><code>(column, event)</code></td><td style="text-align:left;">某一列的表头点击时会触发</td></tr><tr><td style="text-align:left;">header-contextmenu</td><td style="text-align:left;"><code>(column, event)</code></td><td style="text-align:left;">某一列的表头右击时会触发</td></tr><tr><td style="text-align:left;">sort-change</td><td style="text-align:left;"><code>({column, prop, order})</code></td><td style="text-align:left;">排序变化时触发</td></tr><tr><td style="text-align:left;">current-change</td><td style="text-align:left;"><code>(currentRow, oldCurrentRow)</code></td><td style="text-align:left;">当前行变化的时触发</td></tr><tr><td style="text-align:left;">header-dragend</td><td style="text-align:left;"><code>(newWidth, oldWidth, column, event)</code></td><td style="text-align:left;">拖动表头改变了列宽时触发</td></tr><tr><td style="text-align:left;">expand-change</td><td style="text-align:left;"><code>(row, expandedRows/expanded)</code></td><td style="text-align:left;">展开或者收起时触发</td></tr></tbody></table><h3 id="slots" tabindex="-1">Slots <a class="header-anchor" href="#slots" aria-label="Permalink to &quot;Slots&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">参数</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;"><code>[column.prop]</code></td><td style="text-align:left;"><code>({cellValue,row,column,$index})</code></td><td style="text-align:left;">自定义单元格内容</td></tr><tr><td style="text-align:left;"><code>[column.prop]Header</code></td><td style="text-align:left;"><code>({cellValue,row,column,$index})</code></td><td style="text-align:left;">自定义单元格表头内容</td></tr><tr><td style="text-align:left;">action</td><td style="text-align:left;"><code>({cellValue,row,column,$index})</code></td><td style="text-align:left;">自定义操作列</td></tr><tr><td style="text-align:left;">empty</td><td style="text-align:left;">-</td><td style="text-align:left;">无数据集时内容</td></tr><tr><td style="text-align:left;">toolbar</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义工具栏内容</td></tr></tbody></table><h3 id="exposes" tabindex="-1">Exposes <a class="header-anchor" href="#exposes" aria-label="Permalink to &quot;Exposes&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">reload</td><td style="text-align:left;"><code>(params?:Record&lt;string, unknown&gt;)</code></td><td style="text-align:left;">调用api重新加载数据，<code>params</code>为调用api携带的参数</td></tr><tr><td style="text-align:left;">setData</td><td style="text-align:left;"><code>(data: Array)</code></td><td style="text-align:left;">重新绑定数据</td></tr></tbody></table><h3 id="单元格渲染器-extablecellrender" tabindex="-1">单元格渲染器 ExTableCellRender <a class="header-anchor" href="#单元格渲染器-extablecellrender" aria-label="Permalink to &quot;单元格渲染器 ExTableCellRender&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">renderTag</td><td style="text-align:left;"><code>(data:IExCellRendererParams, props?)</code></td><td style="text-align:left;">渲染标签，<code>data</code>为单元格数据，<code>props</code>为<code>ElTag</code>Props</td></tr><tr><td style="text-align:left;">renderSpecialTag</td><td style="text-align:left;"><code>(data:IExCellRendererParams, props?)</code></td><td style="text-align:left;">渲染特殊状态标签，<code>data</code>为单元格数据，<code>props</code>为<code>ElTag</code>Props</td></tr><tr><td style="text-align:left;">renderProgress</td><td style="text-align:left;"><code>(data:IExCellRendererParams, props?)</code></td><td style="text-align:left;">渲染进度条，<code>data</code>为单元格数据，<code>props</code>为<code>ElProgress</code>Props</td></tr><tr><td style="text-align:left;">renderSwitch</td><td style="text-align:left;"><code>(data:IExCellRendererParams, props?)</code></td><td style="text-align:left;">渲染开关，<code>data</code>为单元格数据，<code>props</code>为<code>ElSwitch</code>Props</td></tr><tr><td style="text-align:left;">renderRate</td><td style="text-align:left;"><code>(data:IExCellRendererParams, props?)</code></td><td style="text-align:left;">渲染评分，<code>data</code>为单元格数据，<code>props</code>为<code>ElRate</code>Props</td></tr><tr><td style="text-align:left;">renderAvatar</td><td style="text-align:left;"><code>(data:IExCellRendererParams, props?)</code></td><td style="text-align:left;">渲染用户标签，<code>data</code>为单元格数据，<code>props</code>为<code>ExUserAvatar</code>Props</td></tr><tr><td style="text-align:left;">renderDot</td><td style="text-align:left;"><code>(data:IExCellRendererParams, props?)</code></td><td style="text-align:left;">渲染点标记，<code>data</code>为单元格数据，<code>props</code>为<code>ExDot</code>Props</td></tr></tbody></table><h2 id="类型声明" tabindex="-1">类型声明 <a class="header-anchor" href="#类型声明" aria-label="Permalink to &quot;类型声明&quot;">​</a></h2><h3 id="iextablecolumnfilter" tabindex="-1">IExTableColumnFilter <a class="header-anchor" href="#iextablecolumnfilter" aria-label="Permalink to &quot;IExTableColumnFilter&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExTableColumnFilter</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  filterable</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  component</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormSchemaComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  componentProps</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">|</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (() </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;);</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h3 id="iexcellrendererparams" tabindex="-1">IExCellRendererParams <a class="header-anchor" href="#iexcellrendererparams" aria-label="Permalink to &quot;IExCellRendererParams&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExCellRendererParams</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  cellValue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  row</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  column</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TableColumnCtx</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  $index</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-b4365399 data-v-54c5a412><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-54c5a412><span class="visually-hidden" id="doc-footer-aria-label" data-v-54c5a412>Pager</span><div class="pager" data-v-54c5a412><a class="VPLink link pager-link prev" href="/element-plus-extend-doc/component/tree/" data-v-54c5a412><!--[--><span class="desc" data-v-54c5a412>Previous page</span><span class="title" data-v-54c5a412>Tree树</span><!--]--></a></div><div class="pager" data-v-54c5a412><a class="VPLink link pager-link next" href="/element-plus-extend-doc/component/dialog/" data-v-54c5a412><!--[--><span class="desc" data-v-54c5a412>Next page</span><span class="title" data-v-54c5a412>Dialog对话框</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    
    
  </body>
</html>